<template>
  <div>
    <hr>
    <p>---这是一个父组件v-model--------{{ num }}</p>
    <!-- 对于普通的input输入框使用v-model双向绑定,收集输入框中的数据的 -->
    <input v-model="uname" type="text">
    <!-- v-model可以对组件进行双向绑定 -->
    <!-- <son v-model="num" /> -->
    <!-- v-model是一个语法糖的写法,目的:为了使用方便 实例的原理:底层代码就是如下写法:value @input -->
    <son :value="num" @input="val=>num=val" />
  </div>
</template>

<script>
import Son from './Son.vue'
export default {
  components: { Son },
  data() {
    return {
      uname: 'gg',
      num: 99
    }
  },

  mounted() {

  },

  methods: {

  }
}
</script>

<style lang="scss" scoped>

</style>
